<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!doctype html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Hotel Management System</title>
<link href="./css/bootstrap.min.css" rel="stylesheet" />
<script type="text/javascript" src="./js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<style type="text/css">
.container {
	display: flex;
	flex-flow: row;
	justify-content: center;
}

.allcontent {
	width: 1000px;
	height: auto;
	margin-top: 50px;
	display: flex;
	flex-flow: row;
	box-shadow: 0px 0px 20px black;
}

.left {
	width: 200px;
	height: auto;
	display: flex;
	flex-flow: column;
	flex-grow: 1;
	justify-content: space-around;
}

.right {
	width: 100%;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
}

.ident {
	display: none;
}

.sidesmenu {
	width: 100%;
	height: 100px;
	background: #4D4B4B;
	border-top: 1px solid #363535;
	transition: .4s ease;
}

.sidesmenu:nth-child(5){
	background-color: rgb(189,189,189);
}

.sidesmenu p {
	margin: 0px;
	padding: 0px;
	font-family: "alfa-slab-one";
	font-size: 17px;
	color: aliceblue;
	text-align: center;
	line-height: 100px;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.container .sidesmenu:nth-child(n):hover {
	box-shadow: 0px 0px 20px black;
	cursor: pointer;
	transform: scale(1.1);
}

body {
	display: flex;
	flex-flow: row;
	justify-content: center
}
</style>

</head>

<body>
	<div class="container">
		<div class="allcontent">
			<div class="left">
				<div class="sidesmenu">
					<p>管理员信息</p>
				</div>
				<div class="sidesmenu">
					<p>查看所有客房</p>
				</div>
				<div class="sidesmenu">
					<p>查看所有入住信息</p>
				</div>
				<div class="sidesmenu">
					<p>查找客房</p>
				</div>
				<div class="sidesmenu">
					<p>待开发</p>
				</div>

			</div>
			<div class="right">

				<center>
					<h2>
						欢迎您，
						<s:property value="#session['currentAdmin'].name" />
						&nbsp;[&nbsp;ID:
						<s:property value="#session['currentAdmin'].id" />
						&nbsp;]</span>
					</h2>
				</center>

				<hr />

				<div class="unitContentcurrentuser ident">
					<table class="table table-hover table-bordered" >
						<thead>
						<tr>
							<td>管理员ID</td>
							<td>管理员名称</td>
							<td>注册时间</td>
						</tr>
						</thead>
						<tr>
							<td><s:property value="#session['currentAdmin'].id"/></td>
							<td><s:property value="#session['currentAdmin'].name" /></td>
							<td><s:property value="#session['currentAdmin'].createTime"/></td>
						</tr>
					</table>
				</div>

				<div class="unitContentallroom ident">
                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <td>房间编号</td>
                                <td>客房级别</td>
                                <td>房间类型</td>
                                <td>房间价格(元/晚)</td>
                                <td>房间状态</td>
                                <td>操作</td>
                            </tr>
                        </thead>
                        <tbody id="user">

                        </tbody>
                    </table>
				</div>

				<div class="unitContentallInroom ident">
					<table class="table table-bordered table-hover">
						<thead>
						<tr>
							<td>房间编号</td>
							<td>居住人名称</td>
							<td>身份证</td>
							<td>电话</td>
							<td>入住时间</td>
							<td>操作</td>
						</tr>
						</thead>
						<tbody id="allInfo">

						</tbody>
					</table>

				</div>

				<div class="unitContentadduser ident">
					<form aaction="#" method="post">
						<table class="table">
							<tr>
								<td></td>
								<td>
									<div class="input-group">
										<input type="text" class="form-control"
											   placeholder="请输入你想搜索的人员名字" /> <span class="input-group-btn">
											<input type="button" class="btn btn-primary" value="搜索" />
										</span>
									</div>
								</td>
								<td></td>
							</tr>
						</table>

					</form>
				</div>

				<div class="unitcontentqueryuser ident">


				</div>
			</div>
		</div>
	</div>

	<!-- Modal_1-->

	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLabelledby" aria-hidden="true" data-backdrop="static">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myLabelledby">
						入住人员登记
					</h4>
				</div>
				<div class="modal-body">
					<table class="table table-bordered table-hover" id="dataForm">
						<tr>
							<td>名称</td>
							<td>
								<input type="text" required="required" placeholder="请输入名称" />
							</td>
						</tr>
						<tr>
							<td>身份证</td>
							<td>
								<input type="text" required placeholder="请输入身份证号码" />
							</td>
						</tr>
						<tr>
							<td>电话</td>
							<td>
								<input type="tel" required="required" placeholder="请输入电话号码" />
							</td>
						</tr>
						<tr>
							<td>房间编号</td>
							<td>
								<input id="roomId" type="text"  readonly="readonly" />
							</td>
						</tr>
					</table>
				</div>
				<div class="modal-footer">
					<button class="btn btn-danger" data-dismiss="modal">关闭</button>
					<button class="btn btn-primary"  id="handIn">确认入住</button>
				</div>
			</div>
		</div>
	</div>

	<!-- modal_2-->
	<div class="modal fade" id="checkOut" tabindex="-1" role="dialog" aria-labelledby="checkoutLable" aria-hidden="true" data-backdrop="static">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="checkoutLable">
						退房确认
					</h4>
				</div>
				<div class="modal-body">
					<table class="table table-bordered table-hover">
						<tr>
							<td>名称</td>
							<td>
								<span></span>
							</td>
						</tr>
						<tr>
							<td>身份证</td>
							<td>
								<span></span>
							</td>
						</tr>
						<tr>
							<td>电话</td>
							<td>
								<span></span>
							</td>
						</tr>
						<tr>
							<td>房间编号</td>
							<td>
								<span></span>
							</td>
						</tr>
						<tr>
							<td>入住时间</td>
							<td>
								<span></span>
							</td>
						</tr>
					</table>
				</div>
				<div class="modal-footer">
					<button class="btn btn-danger" data-dismiss="modal">关闭</button>
					<button class="btn btn-primary"  id="checkOutbtn">确认退房</button>
				</div>
			</div>
		</div>
	</div>

    <!-- Modal 3 -->


    <div class="modal fade" id="updateIn" tabindex="-1" role="dialog" aria-labelledby="updateLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="updateLabel">
                        入住信息修改
                    </h4>
                </div>
                <div class="modal-body">
                    <table class="table table-bordered table-hover">
                        <tr>
                            <td>房间编号</td>
                            <td>
                                <input type="text" />
                            </td>
                        </tr>
                        <tr>
                            <td>人员名称</td>
                            <td>
                                <input type="text" />
                            </td>
                        </tr>
                        <tr>
                            <td>身份证</td>
                            <td>
                                <input type="text" />
                            </td>
                        </tr>
                        <tr>
                            <td>电话</td>
                            <td>
                                <input type="text" />
                            </td>
                        </tr>
                        <tr>
                            <td>入住时间</td>
                            <td>
                                <input type="text" />
                                <input type="text" style="display: none">
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-danger" data-dismiss="modal">关闭</button>
                    <button class="btn btn-primary"  id="updateCheck">确认修改</button>
                </div>
            </div>
        </div>
    </div>



    <script type="text/javascript" src="./js/createWin.js"></script>
	<script type="text/javascript" src="./js/pageoperation.js"></script>
</body>

</html>